<template>
	<view class="content">
		<view class="sou flex">
			<input type="text" value="" v-model="text" placeholder="搜索您的问题"/>
			<p>搜索</p>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				text:''
			}
		}
	}
</script>

<style lang="scss">
	$color1:#f2f4f8;
	page{background-color: $color1;}
	$color2:#4c4c4c;
	$border-radius:20rpx;
	.flex{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
	.sou{padding: 30rpx;background-color: #fff;}
	input{display: block;width:500rpx;outline: none;height: 60rpx;text-indent: 2em;color: $color2;border-radius: $border-radius;background: url(/static/搜索.png) left no-repeat #f2f4f8;}
</style>